<template>
  <div class="wrapper">
    <div class="video-box">
      <EasyPlayer ref="easyPlayerRef" :video-url="src" live></EasyPlayer>
    </div>
  </div>
</template>

<script>
import EasyPlayer from '@easydarwin/easyplayer'
export default {
  components: {
    EasyPlayer
  },
  props: {},
  data() {
    return {
      src: 'https://aq.zhslapp.com:20103/live/cameraid/1000023%240/substream/1.m3u8'
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  activated() {},
  deactivated() {},
  updated() {},
  beforeDestroy() {},
  destroyed() {},
  methods: {},
  filters: {}
}
</script>
<style scoped lang="scss">
.wrapper {
  .video-box {
    width: 425px;
    height: 250px;
    border: 1px solid #ccc;
    margin: auto;
  }
}
</style>
